<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>客户端</title>
</head>
<body>
	数据：<input /><button>获取</button> <!-- 数据获取显示 -->
	<script type="text/javascript">
		// 监听按钮点击事件
		document.querySelector('button')
		.addEventListener('click', function(e){
			// 阻止按钮默认提交事件
			e.preventDefault();
			// 实例化XMLHttpRequest对象
			var xhr = new XMLHttpRequest();
			// 判断浏览器是否支持level 2
			if(typeof xhr.withCredentials === undefined) {
				console.log('浏览器不支持html5 XMLHttpRequest Level 2的跨域请求');
			} else {
				// 监听load事件
				xhr.onload = function() {
					// 将文本转化为json数据
					var data = JSON.parse(xhr.responseText);
					// 显示返回数据
					document.querySelector('input').value = data.data;
				}
				// 监听错误事件
				xhr.onerror = function(e) {
					console.log(e);
				}
				// 请求地址和方法
				xhr.open('GET', 'http://localhost:4412', true);
				// 发送请求
				xhr.send();
			}

		});
	</script>
</body>
</html>